@function tovw($size) {
  @return #{$size / 3.6}vw;
}

.Task {
  background: #F2F4F6;
  border-radius: tovw(9) tovw(9) 0 0;
  position: relative;
  overflow: hidden;

  .header {
    height: 12vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    position: relative;
    padding-top: 3vw;
    font-size: tovw(18);
    color: #000000;
    letter-spacing: 0;
    font-weight: 500;

    .rule-btn {
      width: tovw(50);
      height: tovw(50);
      background: url("./../images/question.png") center center / tovw(24) tovw(24) no-repeat;
      position: absolute;
      right: 2vw;
    }
  }
}
